.fl {
	float: left;
}
.fr {
	float: right;
}
.fn {
	float: none;
}
.pr {
	position: relative;
}
.pa {
	position: absolute;
}
.pf {
	position: fixed;
}
.pa0 {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
}
.patl0 {
	position: absolute;
	top: 0;
	left: 0;
}
.patr0 {
	position: absolute;
	top: 0;
	right: 0;
}
.pabl0 {
	position: absolute;
	bottom: 0;
	left: 0;
}
.pabr0 {
	position: absolute;
	bottom: 0;
	right: 0;
}
.pf0 {
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
}
.pftl0 {
	position: fixed;
	top: 0;
	left: 0;
}
.pftr0 {
	position: fixed;
	top: 0;
	right: 0;
}
.pfbl0 {
	position: fixed;
	bottom: 0;
	left: 0;
}
.pfbr0 {
	position: fixed;
	bottom: 0;
	right: 0;
}
.dn {
	display: none;
}
.db {
	display: block;
}
.ove {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-break: keep-all;
}
.sn {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
}
.mw {
	min-width: 100%;
}
.w {
	width: 100%;
}
.h {
	height: 100%;
}
.fwh {
	width: 100%;
	height: 100%;
}
.ma {
	margin: 0 auto;
}
.mtb (@margin) {
	margin-top: @margin;
	margin-bottom: @margin;
}
.mlr (@margin) {
	margin-left: @margin;
	margin-right: @margin;
}
.p (@padding) {
	padding: @padding @padding @padding @padding;
}
.ptb (@padding) {
	padding-top: @padding;
	padding-bottom: @padding;
}
.plr (@padding) {
	padding-left: @padding;
	padding-right: @padding;
}
.s(@len: 100%) {
	width: @len;
	height: @len;
}
.r(@dia) {
	width: @dia;
	height: @dia;
	.bra(50%);
}
.rhz(@dia, @fz) {
	width: @dia;
	height: @dia;
	line-height: @dia;
	font-size: @fz;
	text-align: center;
	.bra(50%);
}
.rhcz(@dia, @color, @fz) {
	width: @dia;
	height: @dia;
	line-height: @dia;
	color: @color;
	font-size: @fz;
	text-align: center;
	.bra(50%);
}
.bdn {
	border: none;
}
.bd(@color, @width: 1px) {
	border: @width solid @color;
}
.bt(@color, @width: 1px) {
	border-top: @width solid @color;
}
.bb(@color, @width: 1px) {
	border-bottom: @width solid @color;
}
.br(@color, @width: 1px) {
	border-right: @width solid @color;
}
.bl(@color, @width: 1px) {
	border-left: @width solid @color;
}
.bgf {
	background-color: #fff;
}
.bgb {
	background-color: #000;
}
.bgt {
	background-color: transparent;
}
.bz {
	-webkit-background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	-ms-background-size: 100% 100%;
	-o-background-size: 100% 100%;
	background-size: 100% 100%;
}
.bgc {
	-webkit-background-size: contain;
	-moz-background-size: contain;
	-ms-background-size: contain;
	-o-background-size: contain;
	background-size: contain;
}
.bgz (@size: 100% 100%) {
	-webkit-background-size: @size;
	-moz-background-size: @size;
	-ms-background-size: @size;
	-o-background-size: @size;
	background-size: @size;
}
.lh (@height) {
	height: @height;
	line-height: @height;
}
.lhc (@height) {
	height: @height;
	line-height: @height;
	text-align: center;
}
.lhn (@height, @n: 2) {
	height: @height * @n;
	line-height: @height;
}
.lhnc (@height, @n: 2) {
	height: @height * @n;
	line-height: @height;
	text-align: center;
}
.lhnf (@height, @fz, @n: 2) {
	height: @height * @n;
	line-height: @height;
	font-size: @fz;
}
.lhnfc (@height, @fz, @n: 2) {
	height: @height * @n;
	line-height: @height;
	font-size: @fz;
	text-align: center;
}
.lhncf (@height, @color, @fz, @n: 2) {
	height: @height * @n;
	line-height: @height;
	color: @color;
	font-size: @fz;
}
.lhncfc (@height, @color, @fz, @n: 2) {
	height: @height * @n;
	line-height: @height;
	color: @color;
	font-size: @fz;
	text-align: center;
}
.lhf(@height, @fz) {
	height: @height;
	line-height: @height;
	font-size: @fz;
}
.lhfc(@height, @fz) {
	height: @height;
	line-height: @height;
	font-size: @fz;
	text-align: center;
}
.lhcf(@height, @color, @fz) {
	height: @height;
	line-height: @height;
	color: @color;
	font-size: @fz;
}
.lhcfc(@height, @color, @fz) {
	height: @height;
	line-height: @height;
	color: @color;
	font-size: @fz;
	text-align: center;
}
.cf(@color, @fz) {
	color: @color;
	font-size: @fz;
}
.ovl {
	text-decoration: overline;
}
.lt {
	text-decoration: line-through;
}
.cw {
	color: #ffffff;
}
.cb {
	color: #000;
}
.fwb {
	font-weight: bold;
}
.fwn {
	font-weight: normal;
}
.tc {
	text-align: center;
}
.tr {
	text-align: right;
}
.es {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-break: keep-all;
}
.em (@line: 2) {
	overflow : hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: @line;
	-webkit-box-orient: vertical;
}
.op (@opacity) {
	opacity: @opacity * 0.01;
	filter: alpha(opacity=@opacity);
}
.bra (@radius: 50%) {
	-webkit-border-radius: @radius;
	-moz-border-radius: @radius;
	-ms-border-radius: @radius;
	-o-border-radius: @radius;
	border-radius: @radius;
}
.trf (@trf) {
	-webkit-transform: @trf;
	-moz-transform: @trf;
	-ms-transform: @trf;
	-o-transform: @trf;
	transform: @trf;
}
.trs (@trs) {
	-webkit-transition: @trs;
	-moz-transition: @trs;
	-ms-transition: @trs;
	-o-transition: @trs;
	transition: @trs;
}
.trsa (@time: 0.5s, @fun: linear) {
	-webkit-transition: all @time @fun;
	-moz-transition: all @time @fun;
	-ms-transition: all @time @fun;
	-o-transition: all @time @fun;
	transition: all @time @fun;
}
.bs1 (@shadow) {
	-webkit-box-shadow: @shadow;
	-moz-box-shadow: @shadow;
	-ms-box-shadow: @shadow;
	-o-box-shadow: @shadow;
	box-shadow: @shadow;
}
.bs2 (@s1, @s2) {
	-webkit-box-shadow: @s1, @s2;
	-moz-box-shadow: @s1, @s2;
	-ms-box-shadow: @s1, @s2;
	-o-box-shadow: @s1, @s2;
	box-shadow: @s1, @s2;
}
.bs3 (@s1, @s2, @s3) {
	-webkit-box-shadow: @s1, @s2, @s3;
	-moz-box-shadow: @s1, @s2, @s3;
	-ms-box-shadow: @s1, @s2, @s3;
	-o-box-shadow: @s1, @s2, @s3;
	box-shadow: @s1, @s2, @s3;
}
.bs4 (@s1, @s2, @s3, @s4) {
	-webkit-box-shadow: @s1, @s2, @s3, @s4;
	-moz-box-shadow: @s1, @s2, @s3, @s4;
	-ms-box-shadow: @s1, @s2, @s3, @s4;
	-o-box-shadow: @s1, @s2, @s3, @s4;
	box-shadow: @s1, @s2, @s3, @s4;
}
.bsr1p(@color) {
	.bs1(0 0 0 1px @color);
}
.bsr1pi(@color) {
	.bs1(0 0 0 1px @color inset);
}
.bs2ptbi(@color) {
	.bs2(0 1px 0 0 @color inset, 0 -1px 0 0 @color inset);
}
.bs2plri(@color) {
	.bs2(1px 0 0 0 @color inset, -1px 0 0 0 @color inset);
}
.bs2tbi(@color) {
	.bs2(0 1px 0 0 @color inset, 0 -1px 0 0 @color inset);
}
.bs2lri(@color) {
	.bs2(1px 0 0 0 @color inset, -1px 0 0 0 @color inset);
}
.bs1pbi (@color) {
	.bs1(0 -1px 0 0 @color inset);
}
.bs1pti (@color) {
	.bs1(0 1px 0 0 @color inset);
}
.bs1pli (@color) {
	.bs1(1px 0 0 0 @color inset);
}
.bs1pri (@color) {
	.bs1(-1px 0 0 0 @color inset);
}
.bs1bi (@color) {
	.bs1(0 -1px 0 0 @color inset);
}
.bs1ti (@color) {
	.bs1(0 1px 0 0 @color inset);
}
.bs1li (@color) {
	.bs1(1px 0 0 0 @color inset);
}
.bs1ri (@color) {
	.bs1(-1px 0 0 0 @color inset);
}
.disbox {
	display: -moz-box; /* Firefox */
	display: -webkit-box; /* Safari and Chrome */
	display: -ms-flexbox; /* Internet Explorer 10 */
	display: box;
}
.bf {
	-moz-box-flex:1.0; /* Firefox */
	-webkit-box-flex:1.0; /* Safari and Chrome */
	-ms-flex:1.0; /* Internet Explorer 10 */
	box-flex:1.0;
}
.curp {
	cursor: pointer;
}
.aft, .bef {
	content: '\200B';
	.db;
	position: absolute;
}
.rzn {
	resize: none;
}
.rzb {
	resize: both;
}
.rzv {
	resize: vertical;
}
.rzh {
	resize: horizontal;
}
.clearfix:after {
	content: "\200B";
	display: block;
	height: 0;
	clear: both;
}
.clearfix {
	*zoom: 1;
}
.if (@con, @height, @size, @color: #fff, @font: 'iconfont') {
	content: @con;
	.db;
	.lhcfc(@height, @color, @size);
	font-family: @font;
}
.if2 (@con, @width, @height, @size, @color: #fff, @font: 'iconfont') {
	.patl0;
	width: @width;
	content: @con;
	.db;
	.lhcfc(@height, @color, @size);
	font-family: @font;
}
.if3 (@con, @width, @height, @size, @color: #fff, @font: 'iconfont') {
	.patr0;
	width: @width;
	content: @con;
	.db;
	.lhcfc(@height, @color, @size);
	font-family: @font;
}

// 修改通用样式
// span, strong, em, b, i, a, img, li, var, del, ins, {
// 	display: block;
// 	font-weight: normal;
// 	font-style: normal;
// }
// form input, form textarea {
// 	background: transparent;
// 	border: none;
// 	outline: none;
// }
// input, textarea {
// 	border: none;
// 	outline: none;
// 	background: transparent;
// }
// input::-ms-clear, input::-ms-reveal {
// 	display: none;
// }
// a, input, textarea, tr {
// 	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
// }

@font-face {
	font-family: 'iconfont';
	src: url('../font/iconfont.eot');
	src: url('../font/iconfont.eot?#iefix') format('embedded-opentype'),
		 url('../font/iconfont.woff') format('woff'),
		 url('../font/iconfont.ttf') format('truetype'),
		 url('../font/iconfont.svg#iconfont') format('svg');
	font-weight: normal;
	font-style: normal;
}
// 网站公共样式
.ml1 {
	margin-left: 0.8rem;
}
.mr1 {
	margin-right: 0.8rem;
}
.mb1 {
	margin-bottom: 0.8rem;
}
.pt1 {
	padding-top: 0.8rem;
}
.pb1 {
	padding-bottom: 0.8rem;
}
.pl1 {
	padding-left: 0.8rem;
}
.pr1 {
	padding-right: 0.8rem;
}
.plr1 {
	.plr(0.08rem);
}
.bg1 {
	// background: #0f1d2a;
}
.bg2 {
	// background: #172b4c;
}
.bg3 {
	background: #0c131a;
}
.bg4 {
	// background: #0f1d2a;
	// background: #060c13;
}
.lhcf26 (@height: 3.2rem) {
	.lhcf(@height, #222222, 1.04rem);
}
.bb1{
	border-bottom: 1px dashed #e5e5e5;
}
.bst1 {
	.bs1(0 1px 0 0 #fff inset);
}
.bsb1 {
	.bs1(0 -1px 0 0 #fff inset);
}
.bst2 {
	.bs1(0 1px 0 0 #ccc inset);
}
.bsb2 {
	.bs1(0 -1px 0 0 #ccc inset);
}
.bra1 {
	.bra(0.16rem);
}
.ifa1 (@con) {
	.if2(@con, 3.2rem, 4rem, 1.6rem);
}
.new-star (@width, @size, @margin: 0.4rem) {
	.star {
		overflow: hidden;
		.pr;
		width: @width;
		height: @size;
		i {
			.pr;
			float: left;
			.s(@size);
			margin-right: @margin;
			b {
				.pa0;
				overflow: hidden;
				.s(@size);
				width: 0;
			}
			b:after {
				.s(@size);
				.if("\0704", @size, @size);
				color: #f60;
			}
		}
		i:after {
			.if("\0704", @size, @size);
			color: #eeeeee;
		}
		.star-list;
	}
}
.new-star2 (@size, @margin) {
	.new-star ((@size + @margin) * 5, @size, @margin);
}
.star-list {
	.star0 {
		b {
			display: none;
		}
	}
	.star1 {
		b {
			width: 10%;
		}
	}
	.star2 {
		b {
			width: 20%;
		}
	}
	.star3 {
		b {
			width: 30%;
		}
	}
	.star4 {
		b {
			width: 40%;
		}
	}
	.star5 {
		b {
			width: 50%;
		}
	}
	.star6 {
		b {
			width: 60%;
		}
	}
	.star7 {
		b {
			width: 70%;
		}
	}
	.star8 {
		b {
			width: 80%;
		}
	}
	.star9 {
		b {
			width: 90%;
		}
	}
	.star10 {
		b {
			width: 100%;
		}
	}
	.star10:after {
		display: none;
	}
}
// 页面样式
html {
	.contact-list, .user-job {
		.mui-bar-nav {
			.bg2;
			.mui-action-back:before {
				.cw;
			}
			.mui-title {
				.cw;
			}
			#done.mui-btn {
				.cw;
				opacity: 1;
			}
		}
		.mui-indexed-list {
			.bg4;
			.mui-indexed-list-search {
				.bg1;
				.mui-indexed-list-search-input {
					.bg1;
					.cw;
				}
				.mui-placeholder {
					.mui-icon-search:before {
						.cw;
					}
					span {
						.cw;
					}
				}
			}
			.mui-active:before {
				.cw;
			}
			.mui-indexed-list-bar {
				.bg4;
				a {
					.cw;
				}
			}
			.mui-indexed-list-inner {
				.bg4;
				.mui-indexed-list-empty-alert {
					.cw;
				}
				.mui-table-view {
					.bg4;
					.mui-table-view-divider {
						.bg4;
					}
					.mui-table-view-cell {
						.bg1;
						.cw;
					}
				}
			}
		}
	}
	.invite-contact {
		.mui-bar-nav {
			.mui-action-back:before {
			}
			.mui-title {
			}
			#done.mui-btn {
			}
		}
		.mui-indexed-list {
			.mui-indexed-list-search {
				.mui-indexed-list-search-input {
				}
				.mui-placeholder {
					.mui-icon-search:before {
					}
					span {
					}
				}
			}
			.mui-active:before {
			}
			.mui-indexed-list-bar {
				a {
				}
			}
			.mui-indexed-list-inner {
				.mui-indexed-list-empty-alert {
				}
				.mui-table-view {
					.mui-table-view-divider {
					}
					.mui-table-view-cell {
						line-height: 50px;
						input {
							top: 20px;
						}
						img {
							display: inline;
							.s(50px);
							margin-right: 0.8rem;
							vertical-align: bottom;
						}
					}
				}
			}
		}
	}
	.user-contact {
		.mui-bar-nav {
			.mui-action-back:before {
			}
			.mui-title {
			}
			#done.mui-btn {
			}
		}
		.mui-indexed-list {
			.mui-indexed-list-search {
				.mui-indexed-list-search-input {
				}
				.mui-placeholder {
					.mui-icon-search:before {
					}
					span {
					}
				}
			}
			.mui-active:before {
			}
			.mui-indexed-list-bar {
				a {
				}
			}
			.mui-indexed-list-inner {
				.mui-indexed-list-empty-alert {
				}
				.mui-table-view {
					.mui-table-view-divider {
					}
					.mui-table-view-cell {
						padding-left: 20px;
						line-height: 50px;
						input {
							top: 20px;
						}
						img {
							display: inline;
							.s(50px);
							margin-right: 0.8rem;
							vertical-align: bottom;
						}
						span {
							.pr;
							float: right;
							width: 40px;
							height: 50px;
						}
						span:before {
							.if2("\e683", 40px, 47px, 30px);
						}
					}
				}
			}
		}
	}
}

body {
	.layui-m-layer {
		.layui-m-layermain {
			.layui-m-layersection {
				.layui-m-layer-msg {
					bottom: -16rem;
					background-color: rgba(0, 0, 0, 0.6);
					.layui-m-layercont {
						.lhcfc(1.5rem, #fff, 1.2rem);
						height: auto;
						padding: 1rem;
					}
				}
				.layui-m-anim-scale {
					width: 80%;
					background: #112544;
					.bra(0.8rem);
					.layui-m-layercont {
						padding: 2rem;
						background: transparent;
						.bsb2;
						.lhcfc(2.0rem, #fff, 1.2rem);
						height: auto;
					}
					.layui-m-layerbtn {
						.disbox;
						background: transparent;
						height: 4.0rem;
						span {
							.bf;
							.lhcfc(4.0rem, #0079fc, 1.2rem);
						}
					}
				}
			}
		}
	}
}

body {
	.mui-popup {
		.mui-popup-inner {
			// background: #172b4c;
			div {
				.cw;
			}
		}
		.mui-popup-buttons {
			.mui-popup-button {
				// background: #172b4c;
				color: #ffff00;
			}
		}
	}
}